<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <title>Document</title>
  <link rel="stylesheet" href="../../css/MF-css/initializ.css" />
  <link rel="stylesheet" href="../../font/iconfont.css" />
  <link rel="stylesheet" href="../../css/MF-css/MF-commodity.css" />
  <link rel="shortcut icon" href="../../images/favicon.ico">
</head>
<script src="../../js/MF-js/jquery-1.12.1.js"></script>
<script src="../../js/MF-js/MF-commodity.js"></script>
<script src="../../js/MF-js/jquery.easing.1.3.js"></script>
<body>
  <div class="header">
    <script>
      $(".header").load("../html-lz/header.html");    
    </script>
  </div>
  <div class="path">
    <div class="typeArea clearfix">
      <div class="pathclip-left">
        <div class="pathclip-prim">
          <span>首页</span>
          <i class="iconfont icon-youjiantou pathfont"></i>
          <span>美容护理</span>
          <i class="iconfont icon-youjiantou pathfont"></i>
        </div>
        <div class="pathclip-mid">
          <div class="pathclip-brand">
            <span class="path-brand">品牌：</span>
            <span class="path-title"></span>
            <i class="iconfont icon-chuyidong path-delete"></i>
          </div>
          <div class="fr"></div>
          <i class="iconfont icon-youjiantou pathfont"></i>
        </div>
        <div class="path-search">
          <input type="text" placeholder="在当前条件下搜索" class="search-input" />
          <button class="search-btn">
            <i class="iconfont icon-sousuo-copy"></i>
          </button>
        </div>
      </div>
      <div class="pathclip-right">
        <span>共找到</span>
        <span class="totalmod"></span>
        <span>件商品</span>
      </div>
    </div>
    <div class="filter clearfix">
      <div class="filter-item">
        <div class="filter-left">
          <span>品牌</span>
        </div>
        <div class="filter-right">
          <div class="wid-list">
            <div class="hdl">
              <dl>
                <dd rel="0" class="on">所有</dd>
                <dd rel="A">A</dd>
                <dd rel="B">B</dd>
                <dd rel="C">C</dd>
                <dd rel="D">D</dd>
                <dd rel="F">F</dd>
                <dd rel="G">G</dd>
                <dd rel="H">H</dd>
                <dd rel="I">I</dd>
                <dd rel="J">J</dd>
                <dd rel="K">K</dd>
                <dd rel="L">L</dd>
                <dd rel="M">M</dd>
                <dd rel="N">N</dd>
                <dd rel="O">O</dd>
                <dd rel="P">P</dd>
                <dd rel="Q">Q</dd>
                <dd rel="R">R</dd>
                <dd rel="S">S</dd>
                <dd rel="W">W</dd>
                <dd rel="X">X</dd>
                <dd rel="Y">Y</dd>
                <dd rel="Z">Z</dd>
              </dl>
            </div>
            <ul class="list-class list-class1 clearfix">
              <li>
                <span><img src="../../images/MF-image/MF-commodity/1716804627.jpg" alt="" /></span>
                <i>资生堂(SHISEIDO)</i>
              </li>
              <li>
                <span><img src="../../images/MF-image/MF-commodity/1716804627.jpg" alt="" /></span>
                <i>资生堂(SHISEIDO)</i>
              </li>
            </ul>
          </div>
          <div class="fil-btn clearfix">
            <div class="fil-btn-a">
              <span>多选+</span>
            </div>
            <div class="fil-btn-b btn-b1">
              <span>展开</span>
              <i class="iconfont icon-jiantou12"></i>
            </div>
          </div>
        </div>
      </div>

      <div class="filter-item">
        <div class="filter-left">
          <span>面部护肤</span>
        </div>
        <div class="filter-right">
          <div class="wid-list ">
            <ul class="list-class2 clearfix">
              <li><a href="#">眼部护理</a></li>
              <li><a href="#">面膜</a></li>
              <li><a href="">乳液/面霜</a></li>
              <li><a href="">化妆水</a></li>
              <li><a href="">洁面</a></li>
              <li><a href="">面部精华</a></li>
              <li><a href="">防晒</a></li>
              <li><a href="">卸妆</a></li>
              <li><a href="">护肤套装</a></li>
              <li><a href="">唇部护理</a></li>
              <li><a href="">T区护理</a></li>
            </ul>
          </div>
          <div class="fil-btn clearfix">
            <div class="fil-btn-b">
              <span>展开</span>
              <i class="iconfont"></i>
            </div>
          </div>
        </div>
      </div>

      <div class="filter-item">
        <div class="filter-left">
          <span>缤纷彩妆</span>
        </div>
        <div class="filter-right">
          <div class="wid-list ">
            <ul class="list-class2 clearfix">
              <li><a href="#">底妆</a></li>
              <li><a href=""> 眼部彩妆</a></li>
              <li><a href="">唇部彩妆</a></li>
              <li><a href="">眉笔/眉粉/眉膏</a></li>
              <li><a href="">指甲油/护甲油/洗甲水</a></li>
              <li><a href="">腮红</a></li>
              <li><a href="">彩妆套装</a></li>
            </ul>
          </div>
          <div class="fil-btn clearfix">
            <div class="fil-btn-b">
              <span>展开</span>
              <i class="iconfont"></i>
            </div>
          </div>
        </div>
      </div>

      <div class="filter-item">
        <div class="filter-left">
          <span>身体护理</span>
        </div>
        <div class="filter-right">
          <div class="wid-list ">
            <ul class="list-class2 clearfix">
              <li><a href="">足部护理</a></li>
              <li><a href="">其它身体护理</a></li>
              <li><a href="">身体乳/霜</a></li>
              <li><a href="">手部护理</a></li>
              <li><a href="">花露水/驱蚊液</a></li>
              <li><a href="">身体磨砂/去角质</a></li>
              <li><a href="">脱毛膏/脱毛贴</a></li>
              <li><a href="">美体塑身</a></li>
              <li><a href="">身体护理套装</a></li>
              <li><a href="">颈部护理</a></li>
            </ul>
          </div>
          <div class="fil-btn clearfix">
            <div class="fil-btn-b">
              <span>展开</span>
              <i class="iconfont"></i>
            </div>
          </div>
        </div>
      </div>

      <div class="filter-item">
        <div class="filter-left">
          <span>洗发护发/美发</span>
        </div>
        <div class="filter-right">
          <div class="wid-list ">
            <ul class="list-class2 clearfix">
              <li><a href="">洗发护发</a></li>
              <li><a href="">染发/烫发</a></li>
              <li><a href="">定型造型</a></li>
            </ul>
          </div>
          <div class="fil-btn clearfix">
            <div class="fil-btn-b">
              <span>展开</span>
              <i class="iconfont"></i>
            </div>
          </div>
        </div>
      </div>

      <div class="filter-item">
        <div class="filter-left">
          <span>美容工具</span>
        </div>
        <div class="filter-right">
          <div class="wid-list ">
            <ul class="list-class2 clearfix">
              <li><a href="">化妆棉</a></li>
              <li><a href="">其它美容工具</a></li>
              <li><a href="">化妆刷</a></li>
              <li><a href="">面部工具</a></li>
              <li><a href="">眼部工具</a></li>
              <li><a href="">梳子</a></li>
              <li><a href="">修眉工具</a></li>
              <li><a href="">粉饼盒/眼影盒</a></li>
              <li><a href="">美甲工具</a></li>
              <li><a href="">美体工具</a></li>
              <li><a href="">美发工具</a></li>
            </ul>
          </div>
          <div class="fil-btn clearfix">
            <div class="fil-btn-b">
              <span>展开</span>
              <i class="iconfont"></i>
            </div>
          </div>
        </div>
      </div>

      <div class="filter-item">
        <div class="filter-left">
          <span>口腔护理</span>
        </div>
        <div class="filter-right">
          <div class="wid-list ">
            <ul class="list-class2 clearfix">
              <li><a href="">牙膏</a></li>
              <li><a href="">牙刷</a></li>
              <li><a href="">漱口水</a></li>
              <li><a href="">牙线/牙线棒牙粉/牙贴</a></li>
              <li><a href="">口腔喷雾/脱色剂/美白剂</a></li>
              <li><a href="">假牙清洁剂</a></li>
            </ul>
          </div>
          <div class="fil-btn clearfix">
            <div class="fil-btn-b">
              <span>展开</span>
              <i class="iconfont"></i>
            </div>
          </div>
        </div>
      </div>

      <div class="filter-item">
        <div class="filter-left">
          <span>男士护理</span>
        </div>
        <div class="filter-right">
          <div class="wid-list ">
            <ul class="list-class2 clearfix">
              <li><a href="">男士面部护肤</a></li>
              <li><a href="">男士洁面</a></li>
              <li><a href="">剃须护理</a></li>
              <li><a href="">男士护理套装</a></li>
              <li><a href="">男性洗液</a></li>
              <li><a href="">男士身体护理</a></li>
            </ul>
          </div>
          <div class="fil-btn clearfix">
            <div class="fil-btn-b">
              <span>展开</span>
              <i class="iconfont"></i>
            </div>
          </div>
        </div>
      </div>

      <div class="filter-item">
        <div class="filter-left">
          <span>女性护理</span>
        </div>
        <div class="filter-right">
          <div class="wid-list ">
            <ul class="list-class2 clearfix">
              <li><a href="">卫生巾</a></li>
              <li><a href="">卫生护垫</a></li>
              <li><a href="">组合套装</a></li>
              <li><a href="">女性洗液</a></li>
              <li><a href="">卫生棉条</a></li>
            </ul>
          </div>
          <div class="fil-btn clearfix">
            <div class="fil-btn-b">
              <span>展开</span>
              <i class="iconfont"></i>
            </div>
          </div>
        </div>
      </div>
      <div class="filter-item">
        <div class="filter-left">
          <span>魅力香氛</span>
        </div>
        <div class="filter-right">
          <div class="wid-list ">
            <ul class="list-class2 clearfix">
              <li><a href="">男士香水</a></li>
              <li><a href="">女士香水</a></li>
              <li><a href="">止汗香体露</a></li>
              <li><a href="">中性香水</a></li>
            </ul>
          </div>
          <div class="fil-btn clearfix">
            <div class="fil-btn-b">
              <span>展开</span>
              <i class="iconfont"></i>
            </div>
          </div>
        </div>
      </div>
      <div class="filter-item">
        <div class="filter-left">
          <span>个人洗护清洁</span>
        </div>
        <div class="filter-right">
          <div class="wid-list ">
            <ul class="list-class2 clearfix">
              <li><a href="">棉签/棉棒</a></li>
              <li><a href="">沐浴球/浴擦/浴刷</a></li>
              <li><a href="">束发带</a></li>
              <li><a href="">干发帽</a></li>
              <li><a href="">耳勺</a></li>
            </ul>
          </div>
          <div class="fil-btn clearfix">
            <div class="fil-btn-b">
              <span>展开</span>
              <i class="iconfont"></i>
            </div>
          </div>
        </div>
      </div>
      <div class="filter-item">
        <div class="filter-left">
          <span>精油芳疗</span>
        </div>
        <div class="filter-right">
          <div class="wid-list ">
            <ul class="list-class2 clearfix">
              <li><a href="">单方精油</a></li>
              <li><a href="">复方精油</a></li>
              <li><a href="">基底油</a></li>
              <li><a href="">精油皂</a></li>
              <li><a href="">纯露/花水</a></li>
              <li><a href="">芳疗工具</a></li>
            </ul>
          </div>
          <div class="fil-btn clearfix">
            <div class="fil-btn-b">
              <span>展开</span>
              <i class="iconfont"></i>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="sequence clearfix">
      <ul class="seqlef clearfix">
        <li class="comorder">
          <a href=""><span>综合排序</span></a>
        </li>
        <li>
          <a href="">
            <span>销量</span>
            <i class="iconfont icon-jiantou3"></i>
          </a>
        </li>
        <li>
          <a href="">
            <span>价格</span>
            <i class="iconfont icon-shangxiajiantou-copy"></i>
          </a>
        </li>
        <li>
          <a href="">
            <span>评论</span>
            <i class="iconfont icon-jiantou3"></i>
          </a>
        </li>
        <li>
          <a href="" class="seqnews">
            <span>新品</span>
          </a>
        </li>
      </ul>
      <div class="price-area">
        <input type="text" placeholder="最低价" class="priceinput" />
        <span>-</span>
        <input type="text" placeholder="最高价" class="priceinput" />
        <!-- <div class="pricebtn">
            <input type="button" value="清空" class="pricebtn1" />
            <input type="button" value="确定" class="pricebtn1" />
          </div> -->
      </div>
      <div class="sequence-right">
        <div class="sequence-r1">
          <input type="checkbox" name="" class="check" /><span>仅看有货</span>
          <input type="checkbox" name="" class="check" /><span>百联配送</span>
          <input type="checkbox" name="" class="check" /><span>跨境商品</span>
          <input type="checkbox" name="" class="check" /><span>促销</span>
          <input type="checkbox" name="" class="check" /><span>支持自提</span><i class="iconfont icon-tixing1"></i>
        </div>
        <div class="sequence-r2">
          <span class="seque-num seque">1</span>
          <span>/</span>
          <span class="seque-total seque"></span>
        </div>
      </div>
    </div>
    <div class="typeArea ">
      <div class="commkands">
        <ul class="clearfix commolistpage">
          <!-- <li>
              <div class="commkands-img">
                <img
                  src="../../images/MF-image/MF-commodity/799998343_200x200.jpg"
                  alt=""
                />
              </div>
              <div class="commoney clearfix">
                <div class="commoneyleft">
                          <span>￥</span>
                <span class="com-moneyl">35.00</span>
                </div>
              <div class="commoneyright">
                      <span class="com-moneyl">满59减20</span>
              </div>
              </div>
              <div class="newtitle">
                <span class="con-newp">【新品】</span>

                <span>
                  <a href="" class="com-introd">
                    资生堂 惠润柔净护发素绿野芳香220ml 日本原装进口 柔净护发素
                  </a>
                </span>
              </div>
              <div class="comtro">
                        <i class="iconfont"></i>
                        <span>在</span>
                        <a href=""><span>护发/润发</span></a>
                        <span>中</span>
                        <a href=""><span>畅销</span></a>
                </div>
              <div class="userwrite">
                        <i class="iconfont"></i>
                        <span class="writenum">6</span>
                        <i class="iconfont"></i>
                        <span class="userzan">100%</span>
                </div>
              <p class="productor">联华自营</p>
              <div class="addCart">
                <span>加入购物车</span>
              </div>
            </li>
            <li></li>
            <li></li>
            <li></li>
            <li class="lastli"></li> -->
        </ul>
      </div>
      <!-- 页码 -->
      <div class="commodityPage">
        <div class="ym  firstpage"><span>上一页</span></div>
        <ul class="pagelist">
          <li>
            <div class="middlepage monpage1 backg">1</div>
          </li>
          <li class="firstespi">...</li>
          <li class="middlepages">
            <div class="pagewrap clearfix">
              <!-- <div class="middlepage">
                            </div> -->
            </div>
          </li>
          <li class="lastespi">...</li>
          <li>
            <div class="middlepage page21">21</div>
          </li>
        </ul>
        <div class="ym lastpage"><span>下一页</span></div>
      </div>
      <div class="commodityhistory">
        <div class="comhistory">浏览历史</div>
      </div>
    </div>
    <div class="footer">
      <script>
        $(".footer").load("../html-lz/footer.html");
      </script>
    </div>
  </div>
  <div class="rightNavCom">
    <script>
      $(".rightNavCom").load("./MF-rightNav.html");
    </script>
  </div>
  <script src="../../js/MF-js/addCart.js"></script>
</body>

</html>